<template>
  <basic-container>
    <!-- <div class="el-page-header" style="margin-bottom:20px">
      <div class="el-page-header__left haruyuki-flex-center haruyuki-size-18" @click="goBack">
        <i class="el-icon-arrow-left"></i>
        <div class="haruyuki-size-16">返回</div>
      </div>
      <div class="el-page-header__content haruyuki-flex-center">
        <span class="haruyuki-ml-6">视频引流</span>
      </div>
    </div> -->
    <avue-tabs :option="tabsOption" @change="handleChange"></avue-tabs>
    <template v-if="tabsType.prop === 0">
      <videoWx />
    </template>
    <!-- <template v-else-if="tabsType.prop === 1">
      <privateAdd />
    </template> -->
  </basic-container>
</template>

<script>
import videoWx from "../component/videoDrainage/video-wx";
export default {
  components: {
    videoWx
  },
  data() {
    return {
      tabsType: {},
      tabsOption: {
        column: [
          {
            label: "视频号设置",
            prop: 0
          }
        ]
      }
    };
  },
  created() {
    this.tabsType = this.tabsOption.column[0];
  },
  methods: {
    /* 返回页面 */
    // goBack() {
    //   this.$router.$avueRouter.closeTag();
    //   this.$router.back();
    // },
    handleChange(column) {
      this.tabsType = column;
    }
  }
};
</script>

<style lang="scss" scoped>
/deep/ .avue-crud__left {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>